<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="js/jquery-1.8.3.js"></script>
    <script src="js/sockjs.min.js"></script>
    <script src="js/stomp.min.js"></script>
    <script src="js/amq_jquery_adapter.js"></script>
    <script src="js/amq.js"></script>

</head>
<body>

<ul class="layui-nav layui-bg-cyan">
    <li class="layui-nav-item"><a href="/bookManager">书籍管理</a></li>
    <li class="layui-nav-item"><a href="/healthHelper">健康小助手</a></li>
</ul>


<script>


    var amq = org.activemq.Amq;
    var id = new Date().getTime();
    amq.init({
        uri: 'amq',
        logging: true,
        timeout: 20,
        clientId:id
    });

    var myHandler = function (message) {
        $("#home").append(message);
        $("#home").append("<br/>");
    };

    amq.addListener("", "topic://queuetest", myHandler);

    function send() {
        var nickname = $("#nickname").val();
        var content = $("#content").val();
        var msg = nickname + " : " + content;
        amq.sendMessage("topic://testTopic", msg);
    }










    // //需要和activeMq中配置文件的ws路径一致
    // var url = "ws://127.0.0.1:8161";
    //
    // //监听的队列
    // //需要和发送者的发送的队列名称一致否则无法接受到数据
    // //topic为发布订阅模式   queue为点对点模式
    // var destination = "queuetest";
    // var client = Stomp.client(url);
    // var onconnect = function(frame) {
    //     client.subscribe(destination, function(message) {
    //         if (message.body) {
    //             alert("got message with body " + message.body)
    //         } else {
    //             alert("got empty message");
    //         }
    //     });
    // };
    //
    // var error_callback = function(error) {
    //     alert(error);
    // };
    // var headers = {
    //     login: 'admin',
    //     passcode: 'admin',
    //     // additional header
    //     'client-id': 'my-client-id'
    // };
    // client.connect(headers, onconnect, error_callback);








    // var websocket = null;
    // //浏览器是否支持
    // if ('WebSocket' in window) {
    //     // 上面我们给webSocket定位的路径
    //     websocket = new WebSocket('ws://localhost:8080/webSocket');
    // } else {
    //     alert('该浏览器不支持websocket!');
    // }
    // //建立连接
    // websocket.onopen = function (event) {
    //     console.log('建立连接');
    // }
    // //关闭连接
    // websocket.onclose = function (event) {
    //     console.log('连接关闭');
    // }
    // //消息来的时候的事件
    // websocket.onmessage = function (event) {
    //     // 这里event.data就是我们从后台推送过来的消息
    //     alert('新书籍上架:' + event.data);
    //     // 在这里我们可以在页面中放置一个音乐，例如“您有新的订单了！”这样的提示音
    //     //document.getElementById("newOrderMp3").play();
    // }
    //
    // //发生错误时
    // websocket.onerror = function () {
    //     alert('websocket通信发生错误！');
    // }
    // //窗口关闭时，Websocket关闭
    // window.onbeforeunload = function () {
    //     websocket.close();
    // }

</script>
</body>
</html>